<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head></h:head>
<h:body>
<ui:composition template="/templates/Plantilla.xhtml">
 <ui:define name="content">
  <h:form>
  	<h3> Modificar Pack</h3>
	<p:separator/>
	 <p:panel>
	 	<p:messages/>
			<h:panelGrid columns="3" style="width:50%;">
		        
		        <h:outputText id="lblNombre" value="Nombre: *"/>
				<h:panelGroup style="width:100%;">
					<p:inputText id="inputNombre" value = "#{packEdit.pack.nombre}" label="Nombre" style="width:100%;">
						<p:ajax update="errorNombre, guardar" event="keyup"  listener="#{packEdit.listenerNombre}"/>
					</p:inputText>
				</h:panelGroup>
				<p:messages id="errorNombre" ></p:messages>
				
				<h:outputText id="lblProducto" value="Producto:" />
				<p:selectOneMenu id="inputProducto" value="#{packEdit.pack.producto.productoId}" effect="fade"   label="Producto">
					<f:selectItem itemLabel="Seleccione un Producto..." itemValue="0" />
					<f:selectItems value="#{selectOneMany.getAllProductos()}" var="producto" 
							itemLabel="#{producto.nombre}" 
							itemValue="#{producto.productoId}">
					</f:selectItems>
					<p:ajax update="errorProducto, guardar" event="change" listener="#{packEdit.listenerProducto}" />
				</p:selectOneMenu>
				<p:messages id="errorProducto" ></p:messages>
				
				<h:outputText id="lblCantidad" value="Cantidad: *"/>
				<p:inputText id="inputCantidad" value = "#{packEdit.cantidad}" label="Cantidad">
						<p:ajax update="errorCantidad, guardar" event="keyup"  listener="#{packEdit.listenerCantidad}"/>
				</p:inputText>
				<p:messages id="errorCantidad" ></p:messages>
				
				<h:outputText id="lblPrecio" value="Precio de Pack: *"/>
				<p:inputText id="inputPrecio" value = "#{packEdit.precioPack}" label="Precio Pack">
						<p:ajax update="errorPrecioPack, guardar" event="keyup"  listener="#{packEdit.listenerPrecioPack}"/>
				</p:inputText>
				<p:messages id="errorPrecioPack" ></p:messages>
				
				<h:outputText id="lblPrecioBidon" value="Precio del Bidon: *"/>
				<p:inputText id="inputPrecioBidon" value = "#{packEdit.precioBidon}" label="Precio Bidon">
						<p:ajax update="errorPrecioBidon, guardar" event="keyup"  listener="#{packEdit.listenerPrecioBidon}"/>
				</p:inputText>
				<p:messages id="errorPrecioBidon"></p:messages>
				
				<h:outputText id="lblDescripcion" value="Descripcion:"/>
				<p:inputText id="inputDescripcion" value = "#{packEdit.pack.descripcion}" style="width:100%;"/>

			</h:panelGrid>
	</p:panel>
	<p:panel style="text-align: center">
		<p:commandButton id="guardar" value="Modificar" action="#{packEdit.modificar(packEdit.pack)}" 
				update="growl1" ajax="false" disabled="#{packEdit.deshabilitarGuardar}"
				title="Modificar Pack" icon="ui-icon-disk"/>
		<p:commandButton value="Cancelar" action="#{packEdit.cancelar()}"  immediate="true"
			title="Salir" icon="ui-icon-close"/>
	</p:panel>
  </h:form>
  
 </ui:define>
</ui:composition>
</h:body>
</html>